.index_banner{ width:100%; float:left; height:550px;}
.banner {position: relative;margin: 0 auto;overflow: hidden; height:550px!important}
.ban_focus {margin: 0 auto;overflow: hidden;width: 100%; height:550px!important}
.ban_focus li {color:#fff;display:none;position: relative; }
.ban_focus li img{ width:100%; height:550px!important}
.ban_focus li images {
  display: none;
  width: 100%;
}
.ban_focus li.cur {display:block; }
.ban_focus li .ban_f_con {position:absolute;top:29%;left:3%; }
.ban_f_con h1 {position:relative;opacity:0;margin-top: 0px; font-family: Arial, Helvetica, sans-serif; font-style: normal;  font-size:35px; line-height:55px;}
.ban_f_con h2 {position:relative;opacity:0; font-size:30px; font-weight:900;}
.ban_f_con h2 b { width:100%; display:block;}
.ban_f_con  h2 i { width:100px; height:2px; background:#fff; margin:30px 0px 30px; display:block;}



.ban_f_con h3 {position:relative;opacity:0;margin-top: 5px; font-size:14px; width:70%; line-height:19px; color:rgba(255,255,255,.8); font-family:Arial, Helvetica, sans-serif; text-align:center}


.ban_dot {position:absolute;left: 50%;z-index:99; margin-top:-50px;}
.ban_dot a {background: url(../images/jt_jd_off.png) no-repeat;width:17px;height:15px; float: left;margin-right:8px;}
.ban_dot a.btn_on {background: url(../images/jt_jd_on.png) no-repeat;}
.search_btn {float: left;background: url(../images/jt_search.png) no-repeat;margin-left:20px;width:23px;height:21px;margin-top:37px;}
.sub_h .search_btn {background: url(../images/sub_s.jpg) no-repeat;}
.language_sel {float:left;margin-left:39px;margin-top:37px;font-size: 12px;}
.language_sel a {color: #fff;}
.sub_h .language_sel a {color: #000;}





/*悬浮链接*/
.suspension{position:fixed;z-index:555555;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:0px;}
.suspension .d-qrcode{top:50px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}




/*产品*/


.bt02{ width:1200px; padding-top:30px; margin:0px auto; padding-bottom:30px;}

.left_pro{ width:266px; float:left; height:548px;   background-color: #148bc3;
  background-image: linear-gradient(90deg, #148bc3  10%, #0d9662  80%) }

.left_pro h3{ width:80%; float:left; height:95px; background:url(../images/pp.png) no-repeat right 42px; color:#FFFFFF; font-size:25px; font-weight:normal; padding-top:40px; padding-left:10%; padding-left:10%; line-height:28px;}

.left_pro h3 span{ font-size:15px;}
.left_pro ul{ height:349px; background:#FFFFFF; width:90%; margin-left:5%; margin-right:5%; float:left;}
.left_pro ul li{ width:100%; text-align:left;  margin-top:10px;height:45px; line-height:45px;}


.left_pro ul li a:hover{background-color: #148bc3; /* 浏览器不支持的时候显示 */
  background-image: linear-gradient(90deg, #148bc3  10%, #0d9662  80%); color:#FFFFFF!important; float:left; width:90%!important; }
.left_pro p{ width:100%; color:#2dabb8; font-size:20px; font-weight:bold; padding-top:20px; text-align:center; float:left}


.right_pro{ width:100%; margin:0 auto}
.right_pro ul{ width:100%; display:flex;justify-content:space-between }
.right_pro ul a{ width:49%; height:223px;  border:#dddddd solid 1px;}
.right_pro ul li h5{ width:100%; height:48px; float:left; background:#00a2ea; text-align:center; font-size:18px; color:#FFFFFF; line-height:48px; font-weight:normal}
.right_pro ul li .nny{ width:100%; height:237px; float:left; font-size:16px; color:#3f3f3f; line-height:30px; padding-left:10%; padding-right:5%; padding-top:25px;}

.right_pro ul li .nt1{ width:50%; height:223px; float:left; overflow:hidden }
.right_pro ul li .nt2{ width:50%; height:223px; float:left; overflow:hidden }


.right_pro ul li img{ width:100%; height:223px; float:left; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; }
.right_pro ul li img:hover{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1); -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}

.right_pro ul li a{ width:223px; height:547px; float:left; border:#dddddd solid 1px;}
.right_pro ul li a:hover{ width:100%; height:547px; float:left; border:#0e9374 solid 1px;}
.right_pro ul li h5:hover{  width:100%; height:48px; float:left; background:#93c524; text-align:center;color:#FFFFFF; line-height:48px; font-weight:normal}








@media all and (max-width:768px){


.index_banner{ width:100%; float:left; height:170px;}
.banner {position: relative;margin: 0 auto;overflow: hidden; height:170px!important}
.ban_focus {margin: 0 auto;overflow: hidden;width: 100%; height:170px!important}
.ban_focus li {color:#fff;display:none;position: relative; }
.ban_focus li img{ width:100%; height:170px!important}


.ban_f_con h1 {position:relative;opacity:0;margin-top: 0px; font-family: Arial, Helvetica, sans-serif; font-style: normal;  font-size:12px; line-height:18px;}
.ban_f_con h2 {position:relative;opacity:0; font-size:12px; font-weight:900;line-height:18px;}
.ban_f_con h2 b { width:100%; display:block;}
.ban_f_con  h2 i { width:100px; height:1px; background:#fff; margin:5px 0px 0px; display:block;}


.ban_dot {position:absolute;left: 50%;z-index:99; margin-top:-30px;}







/*产品*/


.bt02{ width:100%; padding-top:0px; margin:0px auto; padding-bottom:20px;}

.left_pro{ width:100%; float:left; height:auto;   background-color: #148bc3;
  background-image: linear-gradient(90deg, #148bc3  10%, #0d9662  80%) }

.left_pro h3{ width:80%; float:left; height:95px; background:url(../images/pp.png) no-repeat right 42px; color:#FFFFFF; font-size:25px; font-weight:normal; padding-top:40px; padding-left:10%; padding-left:10%; line-height:28px;}

.left_pro h3 span{ font-size:15px;}
.left_pro ul{ height:auto; background:#FFFFFF; width:90%; margin-left:5%; margin-right:5%; float:left;}
.left_pro ul li{ width:100%; text-align:left;  margin-top:10px;height:45px; line-height:45px;}


.left_pro ul li a:hover{background-color: #148bc3; /* 浏览器不支持的时候显示 */
  background-image: linear-gradient(90deg, #148bc3  10%, #0d9662  80%); color:#FFFFFF!important; float:left; width:90%!important; }
.left_pro p{ width:100%; color:#2dabb8; font-size:20px; font-weight:bold; padding-top:0px; text-align:center; float:left}


.right_pro{ width:100%; margin:0 auto}
.right_pro ul{ width:100%; display:flex;justify-content:space-between }
.right_pro ul a{ width:100%; height:auto;  border:#dddddd solid 1px;}
.right_pro ul li h5{ width:100%; height:48px; float:left; background:#00a2ea; text-align:center; font-size:14px; color:#FFFFFF; line-height:48px; font-weight:normal}
.right_pro ul li .nny{ width:100%; height:auto; float:left; font-size:13px; color:#3f3f3f; line-height:18px; padding-left:10%; padding-right:5%; padding-top:10px; padding-bottom:10px;}

.right_pro ul li .nt1{ width:100%; height:auto; float:left; overflow:hidden }
.right_pro ul li .nt2{ width:100%; height:auto; float:left; overflow:hidden }


.right_pro ul li img{ width:100%; height:auto; float:left; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; }
.right_pro ul li img:hover{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1); -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}

.right_pro ul li a{ width:100%; height:auto; float:left; border:#dddddd solid 1px;}
.right_pro ul li a:hover{ width:100%; height:547px; float:left; border:#0e9374 solid 1px;}
.right_pro ul li h5:hover{  width:100%; height:48px; float:left; background:#93c524; text-align:center;color:#FFFFFF; line-height:48px; font-weight:normal}
}